<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>index</title>
    <link rel="stylesheet" type="text/css" href="../style/public.css"/>
    <link rel="stylesheet" type="text/css" href="../style/index/css/index.css"/>
    <link rel="stylesheet" type="text/css" href="../style/index/swiper.min.css"/>
    <script type="text/javascript" src="../js/jquery-1.11.3.js"></script>
    <script type="text/javascript" src="../js/cart/jquery.cookie.js"></script>
    <script type="text/javascript" src="../js/public/public.js"></script>
    <script type="text/javascript" src="../js/index/index.js"></script>
    <script type="text/javascript" src="../js/index/swiper.min.js"></script>

</head>
<body>
<!--外层蒙板-->
<div class="index_mark"></div>
<!--导航条-->
<ul class="nav">
    <li class="menuItemli"><a href="javascript:;">首页</a></li>
    <!--二级菜单-->
    <ul class="subNav">
        <li></li>
        <li><a href="javascript:;">维您</a></li>
        <li><a href="javascript:;">LA CELLER</a></li>
        <li><a href="javascript:;">秘密花园</a></li>
        <li><a href="javascript:;">SONOKO</a></li>
    </ul>
    <li class="menuItemli"><a href="javascript:;">品牌系列</a></li>
    <li class="menuItemli"><a href="javascript:;" onclick="location.href='product_list.html'">美容护肤</a></li>
    <li class="menuItemli"><a href="javascript:;">健康养生</a></li>
    <li class="menuItemli"><a href="javascript:;">家居日用</a></li>
    <li class="menuItemli"><a href="javascript:;">积分换购</a></li>
    <li class="menuItemli2"><a href="javascript:;">VIP<br/>会员专区</a></li>
    <li class="menuItemli"><a href="javascript:;">关于麦考林</a></li>
</ul>

<!--head-->
<div class="head_search">
    <input type="text" class="head_search_text" placeholder="热门搜索：洁面 控油 祛痘">
    <a href="javascript:;" class="head_search_btn">搜索</a>
    <a href="javascript:;" class="head_search_out">X</a>
</div>
<div class="head layout" id="top">
    <img src="../img/head_logo.png" class="logo"/>
    <div class="head_r">
        <a href="javascript:;" class="head_search_icon"></a><span>|</span><a href="javascript:;" onclick="location.href='login.html'">登录</a><span>|</span><a href="javascript:;" onclick="location.href='register.html'">注册</a><span>|</span><a href="javascript:;" onclick="location.href='login.html'">我的账户</a><span>|</span><a href="javascript:;" onclick="location.href='cart.html'" id="index_buy"><span>0</span></a><img src="../img/head_call.png" class="head_phone"/>
    </div>
</div>


<!--rightSider-->
<div class="rightSider">
    <a href="javascript:;"><img src="../img/rightSider_01.png"/></a>
    <img src="../img/rightSider_02.png"/>
    <a href="javascript:;"><img src="../img/rightSider_03.jpg"/></a>
    <a href="#top" style="display:none"><img src="../img/rightSider_04.png"/></a>
</div>
<div class="consult"><img src="../img/rightSider_consult.png"/></div>
<script type="text/javascript">
    window.onload = function(){
        document.onscroll = function(){
            var scrollTop = Number(document.documentElement.scrollTop || document.body.scrollTop);
            var public_rightSider = document.getElementsByClassName("rightSider")[0];
            var public_top = public_rightSider.getElementsByTagName("a")[2];
            if(scrollTop < 70){
                public_top.style.display = "none";
            }else if(scrollTop > 70){
                public_top.style.display = "block";
            }
        };
    };
</script>

<!--banner-->
<div class="banner layout swiper-container">
    <!--轮播图-->
    <div class="swiper-wrapper">

        <div class="swiper-slide"><img src="../img/banner1.jpg"/></div>
        <div class="swiper-slide"><img src="../img/banner2.jpg"/></div>
        <div class="swiper-slide"><img src="../img/banner3.jpg"/></div>

    </div>
    <!--动态添加图片-->
    <!--
    <script type="text/javascript">
        $(function(){
            $.getJSON("../json/index.json",function(json){
                var index_imgSrc = json.imgSrc;
                $.each(index_imgSrc,function(i){
                    $(".swiper-wrapper").append("<div class='swiper-slide'><img src=" + index_imgSrc[i] + "/></div>")
                })
            })
        });
    </script>
    -->

    <!-- 如果需要导航按钮 -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
</div>
<script type="text/javascript">
    var mySwiper = new Swiper ('.swiper-container', {
        //方向
        direction: 'horizontal',
        effect: 'fade',
        loop: true,
        // 如果需要分页器
        pagination: '.swiper-pagination',
        paginationClickable: true,
        // 如果需要前进后退按钮
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        //自动轮播设置
        autoplay: 1000,
        autoplayDisableOnInteraction: true,

    })
</script>

<!--index_catalog-->
<div class="index_catalog layout">
    <div class="index_catalog_beauty">
        <div class="index_catalog_beauty_col1">
            <div class="index_catalog_beauty_col1_row1">
                <img src="../img/index_catalog_beauty.jpg"/>
            </div>
            <div class="index_catalog_beauty_col1_row2">
                <a href="http://www.wm18.com/brand.php?id=5">
                <div class="index_catalog_beauty_col1_row2_int">
                    <h2>秘密花园</h2>
                    <p>低碳、环保；安全、有效。坚持汲取自然植物的力量，以绿色原料、环保包装来缔造健康肌肤为理念; 采用符合国际所认可的生产标准，创造安全...</p>
                    <span>查看全文>></span>
                    <i></i>
                </div>
                <div class="index_catalog_beauty_col1_row2_pic">
                    <img src="../img/index_catalog_beauty_col1_row2.jpg"/>
                </div>
                </a>
            </div>
            <div class="index_catalog_beauty_col1_row3">
                <a href="http://www.wm18.com/article.php?id=218">
                <div class="index_catalog_beauty_col1_row3_pic">
                    <img src="../img/index_catalog_beauty_col1_row3.jpg"/>
                </div>
                <div class="index_catalog_beauty_col1_row3_int">
                    <h2>看看男神好哪口</h2>
                    <p>相信每一位女孩在心中都有一位梦中情人，ta可能是温柔的，又可能是霸道的；ta可能是热爱运动的，又可能是安静温文的。情人节来临之际，...</p>
                    <span>查看全文>></span>
                    <i></i>
                </div>
                </a>
            </div>
        </div>
        <div class="index_catalog_beauty_col2">
            <div class="index_catalog_beauty_col2_detail">
                <div class="index_catalog_beauty_col2_detail_pic">
                    <img src="../img/index_catalog_beauty_col2_row1_bigPic.jpg"/>
                    <i>X</i>
                </div>
                <div class="index_catalog_beauty_col2_detail_int">
                    <h2>LA CELLER 胶原蛋白精华线球超值分享装</h2>
                    <p>神奇的胶原蛋白线球，具有三重螺旋分子结构，溶于水并被吸收，不受温度影响，使肌肤滋润、光泽、有弹性！</p>
                    <span>查看详情>></span>
                    <a href="javascript:;" class="index_catalog_beauty_col2_detail_buyIcon"></a>
                    <ul>
                        <li><a href="javascript:;"><img src="../img/index_catalog_beauty_col2_row1_smallPic01.jpg" style="margin-right:20px;"/></a></li>
                        <li><a href="javascript:;"><img src="../img/index_catalog_beauty_col2_row1_smallPic02.jpg"/></a></li>
                    </ul>
                </div>
            </div>
            <div class="index_catalog_beauty_col2_row1">
                <div class="index_catalog_beauty_col2_row1_int">
                    <h2>LA CELLER 胶原蛋白精华线球超值分享装</h2>
                    <p>神奇的胶原蛋白线球，具有三重螺旋分子结构，溶于水并被吸收，不受温度影响，使肌肤滋润、光泽、有弹性！</p>
                    <span>￥3820</span>
                    <i></i>
                </div>
                <div class="index_catalog_beauty_col2_row1_pic">
                    <img src="../img/index_catalog_beauty_col2_row1.jpg"/>
                </div>
            </div>
            <div class="index_catalog_beauty_col2_row2">
                <img src="../img/index_catalog_beauty_col2_row2.jpg"/>
            </div>
        </div>
        <div class="index_catalog_beauty_col3">
            <div class="index_catalog_beauty_col3_detail">
                <div class="index_catalog_beauty_col3_detail_pic">
                    <img src="../img/index_catalog_beauty_col3_row1_bigPic.jpg"/>
                    <i>X</i>
                </div>
                <div class="index_catalog_beauty_col3_detail_int">
                    <h2>秘密花园玫瑰鲜活水</h2>
                    <p>优选新鲜玫瑰花瓣，采用特殊工艺，单纯萃取玫瑰花瓣的水分，滴滴精粹，层层沁润肌肤；馥郁的玫瑰芬芳，淡雅自然…</p>
                    <span>查看详情>></span>
                    <a href="javascript:;" class="index_catalog_beauty_col3_detail_buyIcon"></a>
                    <ul>
                        <li><a href="javascript:;"><img src="../img/index_catalog_beauty_col3_row1_smallPic01.jpg" style="margin-right:20px;"/></a></li>
                        <li><a href="javascript:;"><img src="../img/index_catalog_beauty_col3_row1_smallPic02.jpg"/></a></li>
                    </ul>
                </div>
            </div>
            <div class="index_catalog_beauty_col3_row1">
                <div class="index_catalog_beauty_col3_row1_int">
                    <h2>秘密花园玫瑰鲜活水</h2>
                    <p>优选新鲜玫瑰花瓣，采用特殊工艺，单纯萃取玫瑰花瓣的水分，滴滴精粹，层层沁润肌肤；馥郁的玫瑰芬芳，淡雅自然…</p>
                    <i></i>
                </div>
                <div class="index_catalog_beauty_col3_row1_pic">
                    <img src="../img/index_catalog_beauty_col3_row1.jpg"/>
                </div>
            </div>

            <div class="index_catalog_beauty_col3_row2">
                <a href="http://www.wm18.com/article/270.html">
                <div class="index_catalog_beauty_col3_row2_pic">
                    <img src="../img/index_catalog_beauty_col3_row2.jpg"/>
                </div>
                <div class="index_catalog_beauty_col3_row2_int">
                    <h2>高品质柏琳 感受爱与传承</h2>
                    <p>麦考林始终认为，自然界有着丰富的秘密，现代化的高科技可以把自然界中最精华的部分最完美的呈现。与德国柏琳的合作，正是秉承着这样的原则...</p>
                    <span>查看全文>></span>
                    <i></i>
                </div>
                </a>
            </div>
            <div class="index_catalog_beauty_col3_row3">
                <div class="index_catalog_beauty_col3_row3_int">
                    <h2>LA CELLER 多效修护马油面膜</h2>
                    <p>优选孔状膜布，帮助肌肤自由呼吸；轻薄柔软，轻松贴服多种脸型。特别添加含有丰富不饱和脂肪酸的优质马油，有效缓解干燥、粗糙的肌肤状态…</p>
                    <span>￥198</span>
                    <i></i>
                </div>
                <div class="index_catalog_beauty_col3_row3_pic">
                    <img src="../img/index_catalog_beauty_col3_row3.jpg"/>
                </div>
            </div>
        </div>
    </div>
    <div class="index_catalog_health">
        <div class="index_catalog_health_col1">
            <div class="index_catalog_health_col1_row1">
                <div class="index_catalog_health_col1_row1_pic">
                    <img src="../img/index_catalog_health_col1_row1.jpg"/>
                </div>
                <div class="index_catalog_health_col1_row1_int">
                    <h2>维您雪莲胶原蛋白饮料（60支）</h2>
                    <p>每500ml瓶含800mg深海鱼胶原蛋白，天山雪莲培养物100mg。富含鲑鱼卵粉，以及天山雪莲培养物，营养丰富。</p>
                    <span>￥3510</span>
                    <i></i>
                </div>
            </div>
            <div class="index_catalog_health_col1_row2">
                <img src="../img/index_catalog_health_col1_row2.jpg"/>
            </div>
        </div>
        <div class="index_catalog_health_col2">
            <div class="index_catalog_health_col2_row1">
                <a href="http://www.wm18.com/brand.php?id=3">
                <div class="index_catalog_health_col2_row1_int">
                    <h2>维您</h2>
                    <p>维您品牌诞生于20年前的美国洛杉矶，它源于一个忙碌却不善表达的父亲对女儿的承诺，它拥有全球营养源产地 只为提供最天然安全的健康保证...</p>
                    <span>查看全文>></span>
                    <i></i>
                </div>
                <div class="index_catalog_health_col2_row1_pic">
                    <img src="../img/index_catalog_health_col2_row1.jpg"/>
                </div>
                </a>
            </div>
            <div class="index_catalog_health_col2_row2">
                <div class="index_catalog_health_col2_row2_pic">
                    <img src="../img/index_catalog_health_col2_row2.jpg"/>
                </div>
                <div class="index_catalog_health_col2_row2_int">
                    <h2>喝水也能瘦 神马胖都是浮云</h2>
                    <p>都说减肥是女人一生矢志不渝的追求，似乎要忍常人所不能忍，才能获得一道闪电般的S曲线。更有人总是这么形容自己“喝口水都能长肉”。</p>
                    <span>查看全文>></span>
                    <i></i>
                </div>
            </div>
            <div class="index_catalog_health_col2_row3">
                <div class="index_catalog_health_col2_row3_int">
                    <h2>维您轻伊复合粉固体饮料（30包）</h2>
                    <p>你是不是这样：喝水是会长肉的痛？美食是能看不能吃的痛？美衣是想要却穿不下的痛？夏天又悄悄的来了，你准备好了吗？</p>
                    <i></i>
                </div>
                <div class="index_catalog_health_col2_row3_pic">
                    <img src="../img/index_catalog_health_col2_row3.jpg"/>
                </div>
            </div>
        </div>
        <div class="index_catalog_health_col3">
            <div class="index_catalog_health_col3_row1">
                <img src="../img/index_catalog_health_col3_row1.jpg"/>
            </div>
            <div class="index_catalog_health_col3_row2">
                <div class="index_catalog_health_col3_row2_pic">
                    <img src="../img/index_catalog_health_col3_row2.jpg"/>
                </div>
                <div class="index_catalog_health_col3_row2_int">
                    <h2>维您酵素液饮品</h2>
                    <p>严选上百种蔬果精粹，全程古法发酵，加上独特的自然气候条件，使得维您酵素饮品具有了独特味道和营养价值。</p>
                    <i></i>
                </div>
            </div>
            <div class="index_catalog_health_col3_row3">
                <div class="index_catalog_health_col3_row3_int">
                    <h2>维您氢之源珊瑚海藻复合食品礼盒</h2>
                    <p>风靡世界的水素水，是来自深海的供给，得到多国权威医学杂志的文献支持，其重要作用不言而喻。</p>
                    <i></i>
                </div>
                <div class="index_catalog_health_col3_row3_pic">
                    <img src="../img/index_catalog_health_col3_row3.jpg"/>
                </div>
            </div>
        </div>
    </div>
    <div class="index_catalog_life">
        <div class="index_catalog_life_col1">
            <div class="index_catalog_life_col1_row1">
                <div class="index_catalog_life_col1_row1_int">
                    <h2>品牌介绍：Homes Up</h2>
                    <p>HOMES-UP捷尚居，是创立于1923年的法国Groupe Adeo（安达屋集团）旗下的全新家居品牌。HOMES-UP谙熟时尚流...</p>
                    <span>查看全文>></span>
                    <i></i>
                </div>
                <div class="index_catalog_life_col1_row1_pic">
                    <img src="../img/index_catalog_life_col1_row1.jpg"/>
                </div>
            </div>
            <div class="index_catalog_life_col1_row2">
                <div class="index_catalog_life_col1_row2_pic">
                    <img src="../img/index_catalog_life_col1_row2.jpg"/>
                </div>
                <div class="index_catalog_life_col1_row2_int">
                    <h2>家居除螨小妙招</h2>
                    <p>在生活中，我们常常被看不见的螨虫侵害，家居防螨除螨就显得尤为重要，小编带麦子们见识一下防螨除螨的几个小妙招，除常规的除螨方法，小编...</p>
                    <span>查看全文>></span>
                    <i></i>
                </div>
            </div>
            <div class="index_catalog_life_col1_row3">
                <div class="index_catalog_life_col1_row3_int">
                    <h2>清朴堂知书现代文房5件套</h2>
                    <p>特色古风精品文具，内含知书红木笔 X 1(支)、文创记事本 X 1(本)、黄铜优盘16G X 1(个)、黄铜书签 X 1(片)、如...</p>
                    <i></i>
                </div>
                <div class="index_catalog_life_col1_row3_pic">
                    <img src="../img/index_catalog_life_col1_row3.jpg"/>
                </div>
            </div>
        </div>
        <div class="index_catalog_life_col2">
            <div class="index_catalog_life_col2_row1">
                <img src="../img/index_catalog_life_col2_row1.jpg"/>
            </div>
            <div class="index_catalog_life_col2_row2">
                <div class="index_catalog_life_col2_row2_pic">
                    <img src="../img/index_catalog_life_col2_row2.jpg"/>
                </div>
                <div class="index_catalog_life_col2_row2_int">
                    <h2>那些你不知道的事-毛巾篇</h2>
                    <p>据家纺专家介绍，个人用毛巾用 30 天左右就应该更换，最多不应超过 40 天。否则，就要高温蒸煮把毛巾消毒、软化。因为毛巾用得久了...</p>
                    <span>查看全文>></span>
                    <i></i>
                </div>
            </div>
            <div class="index_catalog_life_col2_row3">
                <div class="index_catalog_life_col2_row3_int">
                    <h2>迪士尼奇幻星云五入搪瓷碗</h2>
                    <p>浩瀚星云如梦如幻，闪烁的光芒，与米奇共同穿越了浪漫，超越了想象，寻找最美的奇幻世界。</p>
                    <i></i>
                </div>
                <div class="index_catalog_life_col2_row3_pic">
                    <img src="../img/index_catalog_life_col2_row3.jpg"/>
                </div>
            </div>
        </div>
        <div class="index_catalog_life_col3">
            <div class="index_catalog_life_col3_row1">
                <div class="index_catalog_life_col3_row1_int">
                    <h2>沃莱电子人体减肥秤PA21</h2>
                    <p>苗条身材需要不断的坚持，瘦身的路上有它监督你，你还有什么理由不去行动？让你不得不瘦的秤。</p>
                    <span>￥118</span>
                    <i></i>
                </div>
                <div class="index_catalog_life_col3_row1_pic">
                    <img src="../img/index_catalog_life_col3_row1.jpg"/>
                </div>
            </div>
            <div class="index_catalog_life_col3_row2">
                <img src="../img/index_catalog_life_col3_row2.jpg"/>
            </div>
        </div>
    </div>
    <div class="index_catalog_newst">
        <div class="index_catalog_newstl">
            <div class="index_catalog_newstl_int">
                <h2>麦考林全新开启生活家计划</h2>
                <p>倾心于生活情趣的点滴，是为生活家。即将迎来20周岁的女性电商品牌麦考林，开启“生活家计划”，从一个健康与美丽商品和服务的提供者，转...</p>
                <span>查看全文>></span>
                <i></i>
            </div>
            <div class="index_catalog_newstl_pic">
                <img src="../img/index_catalog_newstl.jpg"/>
            </div>
        </div>
        <div class="index_catalog_newstr">
            <div class="index_catalog_newstr_int">
                <h2>麦考林携手粉丝网 安利小鲜肉</h2>
                <p>麦考林此次与粉丝网的战略合作，也预示着正式开启线上线下合作的模式，充分发挥明星及粉丝的相互影响力，不仅能够让年轻粉丝多角度了解麦考...</p>
                <span>查看全文>></span>
                <i></i>
            </div>
            <div class="index_catalog_newstr_pic">
                <img src="../img/index_catalog_newstt.jpg"/>
            </div>
        </div>
    </div>
    <div class="index_catalog_newsf">
        <div class="index_catalog_newsfl">
            <div class="index_catalog_newsfl_pic">
                <img src="../img/index_catalog_newsfl.jpg"/>
            </div>
            <div class="index_catalog_newsfl_int">
                <h2>诚信企业代表麦考林 受邀3.15活动</h2>
                <p>2017年3月15日，麦考林作为诚信企业代表参与了上海市长宁区消费者权益主题活动，并接受采访。</p>
                <span>查看全文>></span>
                <i></i>
            </div>
        </div>
        <div class="index_catalog_newsfr">
            <div class="index_catalog_newsfr_pic">
                <img src="../img/index_catalog_newsfr.jpg"/>
            </div>
            <div class="index_catalog_newsfr_int">
                <h2>转型力作 两大新品耀世呈现</h2>
                <p>本次美博会期间刚刚完成战略转型的麦考林对外重磅推出了两款主打的自有产品：美容新品“秘密花园玫瑰鲜活水”萃取于植物细胞水，不添加外来...</p>
                <span>查看全文>></span>
                <i></i>
            </div>
        </div>
    </div>
</div>

<!--bottom-->
<div class="bottom">
    <div class="bottom_t layout">
        <dl class="bottom_l">
            <dt><a href="javascript:;"></a></dt>
            <dd><a href="javascript:;">100%正品保证</a></dd>
        </dl>
        <dl class="bottom_c">
            <dt><a href="javascript:;"></a></dt>
            <dd><a href="javascript:;">专业在线客服</a></dd>
        </dl>
        <dl class="bottom_r">
            <dt><a href="javascript:;"></a></dt>
            <dd><a href="javascript:;">满99包邮</a></dd>
        </dl>
    </div>

    <div class="bottom_b layout">
        <div>
            <h3>新手指南</h3>
            <a href="javascript:;">新会员注册</a>
            <a href="javascript:;">购物演示</a>
            <a href="javascript:;">常见问题</a>
        </div>
        <div>
            <h3>付款方式</h3>
            <a href="javascript:;">银行卡支付</a>
            <a href="javascript:;">支付宝支付</a>
            <a href="javascript:;">余额支付</a>
        </div>
        <div>
            <h3>售后服务</h3>
            <a href="javascript:;">退换货政策</a>
            <a href="javascript:;">退换货流程</a>
            <a href="javascript:;">退款流程</a>
            <a href="javascript:;">发票说明</a>
        </div>
        <div>
            <h3>特色服务</h3>
            <a href="javascript:;">贵宾专区</a>
            <a href="javascript:;">在线客服</a>
        </div>
        <dl>
            <dd>麦考林生活家</dd>
            <dt><img src="../img/bottom_dingyue.jpg"/></dt>
        </dl>
        <dl>
            <dd>麦考林服务号</dd>
            <dt><img src="../img/bottom_fuwu.jpg"/></dt>
        </dl>
    </div>
</div>

<!--footer-->
<div class="footer layout">
    <div class="footer_t"><a href="javascript:;">关于麦考林</a><span>|</span><a href="javascript:;">INVESTOR RELATIONS</a><span>|</span><a href="javascript:;">联系我们</a><span>|</span><a href="javascript:;">服务中心</a><span>|</span><a href="javascript:;">加入我们</a>
    </div><br/>
    <div class="footer_c">
        <a href="javascript:;"><img src="../img/footer_c.png"/></a><p>沪ICP备05003606号Copyright©2011-2015 MecoxLane Inc. All Rights Reserved</p>
    </div>
    <div class="footer_b">
        <a href="javascript:;"><img src="../img/footer_b_1.jpg"/></a>
        <a href="javascript:;"><img src="../img/footer_b_2.jpg"/></a>
        <a href="javascript:;"><img src="../img/footer_b_3.png"/><span>沪公网安备 31010402000234号</span></a>
    </div>
</div>
</body>
</html>